// Z-levels
.z-depth-0 {
	box-shadow: none !important;
}

.z-depth-1 {
	box-shadow: rgb(242, 242, 242) 0 1px 5px 0;
}

.z-depth-2 {
	box-shadow: rgb(242, 242, 242) 0 1px 10px 0;
}

.z-depth-3 {
	box-shadow: rgb(242, 242, 242) 0 1px 15px 0;
}

.z-depth-4 {
	box-shadow: rgb(242, 242, 242) 0 2px 20px 0;
}

.z-depth-5 {
	box-shadow: rgb(242, 242, 242) 0 3px 30px 0;
}

.hoverable {
	transition: box-shadow .25s;
	box-shadow: none;
}

.hoverable:hover {
	transition: box-shadow .25s;
	box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.09);
}

.text-primary {
	color: $primary-color !important;
}

.text-danger, .text-red {
	color: $danger-color !important;
}

.text-success, .text-green {
	color: $success-color !important;
}

.text-warn {
	color: $warn-color !important;
}

.text-info {
	color: $info-color !important;
}

.text-cyan {
	color: #2F4056 !important;
}

.text-black {
	color: #393D49 !important;
}

.text-grey {
	color: #666 !important;
}

.text-white {
	color: white;
}
